body { font-family: "微软雅黑", Geneva, Arial, Helvetica, sans-serif; font-size: 80%;  *font-size:  80%;}
/*  
 三种必备样式为：  
 paneClass:    "ui-layout-pane" 窗格样式  
 resizerClass: "ui-layout-resizer" 拉动条样式  
 togglerClass: "ui-layout-toggler" 拉动条上按钮样式  
 */ 

.ui-layout-center{padding-right:0px !important; overflow:hidden !important; border:0px !important;}
.ui-layout-west{padding:0px !important; overflow:hidden !important; border:0px !important; background:#F5F5F5 !important;}
.ui-layout-north{padding:0px !important; overflow:hidden !important; border:0px !important;}
.ui-layout-south{padding:0px !important; overflow:hidden !important; border:0px !important;}
   
 /*  
  所有窗格应用的样式,也是必备样式  
 ui-layout-pane   
 ui-layout-pane-[PANE-NAME]（东南西北中，如：ui-layout-pane-west。这个样式放入基本样式下方，可覆盖原样式。 ）   
 ui-layout-pane-[PANE-STATE] （open、closed 如：ui-layout-pane-open。窗格打开时的样式）  
 ui-layout-pane-[PANE-NAME]-[PANE-STATE] （如：ui-layout-pane-west-closed。指定东南西北中一个窗格在某状态下的样式。）  
 */  
.ui-layout-pane { background: #dfe8f6; border: 0px solid #8db2e3; padding: 10px; overflow: auto; }
/*非必备样式，描述窗格中的内容*/  
.ui-layout-content { padding: 10px; position: relative;  overflow: auto; }
/*  
  *  所有拉动条的样式  
  */  
.ui-layout-resizer { background: #EFEFEF !important; border: 0px solid #BBB; border-width: 0; }
/*  
      * 拉动条拉动时，保持不动的拉动条样式，不明白修改背景测试。  
      */  
.ui-layout-resizer-drag { }
/*鼠标移动到拉动条时的样式*/  
.ui-layout-resizer-hover { }
/*   
      *拖动拉动条时，拉动条的样式，据说是设置“打开悬停”和“拖动”为同一样式。  
      */  
     /*.ui-layout-resizer-open-hover ,   */  
.ui-layout-resizer-dragging { background: #3692C5; }
/*拖动拉动条时，到最大或最小边缘时的样式*/  
.ui-layout-resizer-dragging-limit { background: #3692C5; /* red */ }
/*拉动条关闭时，的样式。*/  
.ui-layout-resizer-closed-hover { background: #FFCC00; }
/*窗格关闭后，点击拉动条（非拉动条按钮）,窗格滑动时拉动条的样式*/  
.ui-layout-resizer-sliding { opacity: .10; filter: alpha(opacity=10); }
/*窗格关闭后，点击拉动条（非拉动条按钮）,窗格滑动时，鼠标悬停在拉动条上的样式*/  
.ui-layout-resizer-sliding-hover { opacity: 1.00; filter: alpha(opacity=100); }
/*  
  *  拖动杆上的按钮  
  */  
.ui-layout-toggler { border: 0px solid #CCCCCC; height:30px !important; line-height:30px; background-color: #4387AC !important; opacity: .60; filter: alpha(opacity=60); border-top-right-radius:5px; border-bottom-right-radius:5px;}
.ui-layout-toggler-hover {background-color: #0099FF; opacity: 1.00; filter: alpha(opacity=100); }
/*窗格关闭后，半打开状态的拉动条是隐藏的*/  
.ui-layout-resizer-sliding ui-layout-toggler { display: none; }
/*貌似是按钮上的文字内容*/  
.ui-layout-toggler .content {color: #ffffff; font-size: 14px; font-weight: bold; width: 100%; margin-top:0px !important;}
